﻿<!DOCTYPE html>
<html>
<!--indexs2单个图表供嵌入内联框架使用-警情-->
<head lang="en">
    <meta charset="UTF-8">
    <title>图表</title>
    <!--通用CSS样式引入-->
    <!--<link rel="stylesheet" href="css/public.css"/>-->
    <!-- CSS样式引入-->
    <!--<link rel="stylesheet" href="css/style-index.css" media ="screen and (min-width: 1920px)"/>-->
    <!--<link rel="stylesheet" href="css/style-index1366.css" media ="screen and (min-width: 1366px) and (max-width: 1919px)"/>-->
    <!--<link rel="stylesheet" href="css/style-index1280.css" media ="screen and (max-width: 1365px)"/>-->
    <!--SS样式引入-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"/>
    <link rel="stylesheet" href="css/style-axure.css"/>
    <!--jQuery库引入-->
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

    <!--图表插件-->
    <script src="js/echarts.min.js"></script>
</head>
<!--<body onload="findDimensions()" style="margin: 0px;padding: 0px;background: transparent">-->
<body onload="findDimensions()" style="margin: 0px;padding: 0px;background: #1e1e6b">

        <!-------------------------->
        <!--图表104-->
        <div style=";position:absolute;
width:100%;
height:300px;margin: 0px;padding: 0px;">
            <!---->
            <div id="tubiao104" style="width: 100%;height:100%;"></div>
            <!--<script src="js/tubiao104.js"></script>-->
            <script src="js/js_sence/tubiao233.js"></script>
            <script type="text/javascript">
                var myChart104 = echarts.init(document.getElementById('tubiao104'));
                myChart104.setOption(option104);
                // 动态调整大小。窗口大小变化监听。
                // window.addEventListener('resize', () => {
                //     myChart104.resize()
                // })
            </script>
        </div>
</body>
<script type="text/javascript">
    function findDimensions() //函数：获取尺寸
    {
//获取窗口宽度
        if (window.innerWidth)
            winWidth = window.innerWidth;
        else if ((document.body) && (document.body.clientWidth))
            winWidth = document.body.clientWidth;
//获取窗口高度
        if (window.innerHeight)
            winHeight = window.innerHeight;
        else if ((document.body) && (document.body.clientHeight))
            winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测，获取窗口大小
        if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
        {
            winHeight = document.documentElement.clientHeight;
            winWidth = document.documentElement.clientWidth;
        }
//结果输出至两个文本框
        document.getElementById("tubiao104").style.height = winHeight+ 'px';
        // document.getElementById("tubiao104").style.height = winHeight-20 + 'px';
        // document.getElementById("tubiao104").style.width = winWidth-60 + 'px';
        // console.log('========'+winHeight)
        myChart104.resize()
    }
    findDimensions();
    //调用函数，获取数值
    window.onresize=findDimensions;
    // window.onload = findDimensions;
    //-->
</script>
</html>
